<template>
  <view>
    <uni-badge text="1"></uni-badge>
    <uni-badge text="2" type="success"></uni-badge>
    <uni-badge text="3" type="primary" inverted></uni-badge>
    <navigator url="/pages/demo/demo" open-type="navigate" hover-class="navigator-hover">
      {{ $t('demo.title') }}
    </navigator>
    <view>{{ $t('index.title') }}</view>
    <view>
      <text>用户名：{{ title1 }}</text>
    </view>
    <view>
      <text>用户名：{{ title2 }}</text>
    </view>
  </view>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'PageIndexIndex',
  data() {
    return {
      title: 'Hello',
    }
  },
  computed: {
    ...mapState({
      title1: (state) => state.app.title,
      title2: (state) => state.demo.title,
    }),
  },
  onLoad() {},
  methods: {},
}
</script>

<style></style>
